
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>MD2Card 将Markdown笔记一键转为精美知识卡片的智能工具 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>MD2Card 将Markdown笔记一键转为精美知识卡片的智能工具 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">MD2Card 工具的核心目标是什么？它主要服务于哪些用户群体？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MD2Card 是一个在线工具，其核心目标是将 Markdown 文本快速转化为视觉效果出色的知识卡片。它主要服务于学生、教师、内容创作者、开发者和营销人员，通过 AI 驱动的处理和多样化的主题，将枯燥的文本笔记转变为适合社交媒体分享、学习或展示的专业卡片。</div>
          </div>
          <div class="card-source">来源: 文档开头第一段</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">请概括 MD2Card 的五个核心功能。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MD2Card 的五个核心功能包括：1. AI 智能生成（输入主题或长文本自动提取信息生成卡片）；2. 实时预览（边编辑边查看效果）；3. 多主题支持（提供超过30种专业主题）；4. 丰富 Markdown 语法支持（支持标题、列表、代码块、表格、LaTeX等）；5. 多格式导出（支持PNG、SVG、PDF和JPEG）。</div>
          </div>
          <div class="card-source">来源: 核心功能概述</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">应用</div>
          <div class="card-question">文档中列举了 MD2Card 的哪三个典型应用场景？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">应用</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">文档中列举的三个典型应用场景是：1. 学习笔记可视化（学生将课程笔记转为卡片用于复习）；2. 社交媒体内容创作（内容创作者将文章段落转为风格化卡片进行分享）；3. 技术文档展示（开发者将 API 文档或 README 文件转为卡片用于会议演示或项目展示）。</div>
          </div>
          <div class="card-source">来源: 使用场景</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">对比</div>
          <div class="card-question">相较于 Typora 或 Obsidian 等传统 Markdown 工具，MD2Card 有哪些独特的优势？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">对比</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MD2Card 的独特优势主要有：1. AI 驱动的智能处理，能自动分析和优化内容布局；2. 拥有超过30种主题的多样化主题库，远超传统工具；3. 无需设计技能，一键生成专业级视觉内容；4. 支持包括中文在内的8种语言；5. 提供 Docker 私有部署选项，满足企业需求。</div>
          </div>
          <div class="card-source">来源: 优势与特色</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">限制</div>
          <div class="card-question">使用 MD2Card 时，用户可能会遇到哪些局限性？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">限制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MD2Card 的局限性包括：1. 免费版上传的图片仅保存7天；2. API 使用和私有部署需要一定的技术背景，对初学者有挑战；3. iOS 应用的高级功能（如无水印导出）需要付费订阅，会增加使用成本。</div>
          </div>
          <div class="card-source">来源: 优势与特色 - 局限性</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">模式</div>
          <div class="card-question">MD2Card 的使用成本和付费模式是怎样的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">模式</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MD2Card 提供免费版，无需注册即可使用所有基本功能，但导出的图片会带有水印。高级功能（如无水印导出）则需要通过 iOS 应用订阅，定价为每年48元人民币或一次性购买终身会员（15元人民币）。此外，私有部署可能涉及额外的服务器成本。</div>
          </div>
          <div class="card-source">来源: 使用门槛与成本</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">MD2Card 的 “AI 智能生成” 功能是如何工作的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">用户只需输入一个主题或一段长文本，AI（如 Claude 4.0 模型）就会自动分析内容，提取关键信息，并生成结构化的卡片，从而极大地简化了内容创作过程，无需用户手动整理。</div>
          </div>
          <div class="card-source">来源: 核心功能概述 & 优势与特色</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">MD2Card 支持哪些 Markdown 语法以及可以导出哪些文件格式？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MD2Card 支持丰富的 Markdown 语法，包括标题、列表、代码块、表格以及 LaTeX 数学公式。在导出方面，它支持 PNG、SVG、PDF 和 JPEG 四种文件格式，以适应不同的分享和打印需求。</div>
          </div>
          <div class="card-source">来源: 核心功能概述</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">对于有定制需求的企业或团队，MD2Card 提供了哪些高级选项？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">对于企业和团队，MD2Card 提供了私有部署选项，支持通过 Docker 和 Docker Compose 进行部署。此外，它还提供 API 集成，允许开发者将卡片生成功能集成到自己的应用或工作流程中。</div>
          </div>
          <div class="card-source">来源: 优势与特色 & 上手指南</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
